<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!-- saved from url=(0057)http://demo.cssmoban.com/cssthemes4/amz_17_bef/index.html -->
<html class="am-touch js cssanimations"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/amazeui.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/wap.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/bootstrap.min.css" />
    <script src="${pageContext.request.contextPath}/static/js/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/static/js/bootstrap.min.js"></script>
	<script src="${pageContext.request.contextPath}/static/js/amazeui.min.js"></script>
    <title>巨鑫金艺</title>
<style>
   #top{
		margin:10px auto 50px auto;
	}
	.container{
		font-size: 26px;
		line-height: 50px;
		text-align: center;
		background-color: #E0FFFF;
		height:50px;
	}
	.container .nav{
		margin:auto;
	}
	
	.container .nav li{
		width:50%;
		text-align: center;
		float:left;
	}
	
	.container .nav li a{
		display:inline-block;
		width:100%;
		height:100%;
		line-height: 30px;
	}
	
	#main{
		width:100%;
		margin:0px auto 50px auto;
	}
	#tel{
		font-size: 26px;
		text-align: center;
		margin-top: 20px;
	}
	.img{
		width:100%;
		margin: 3px auto;
		padding: 5px;
		background:#FFFFF0;
	}
	.img img{
		width:100%;
		height: auto;
		margin-top: 5px;
	}
</style>
</head>
<body>
<nav class="navbar navbar-fixed-bottom">
  <div class="container">
    <!-- Collect the nav links, forms, and other content for toggling -->
    
      <ul class="nav navbar-nav" style="width:100%;height:100%;">
        <li style="height:100%;border-right:2px solid #7EC0EE;" class="active"><a href="${pageContext.request.contextPath}/image/phone/index">首页</a></li>
        <li style="height:100%"><a href="${pageContext.request.contextPath}/image/phone/contact">联系方式</a></li>
      </ul>
      
   
  </div><!-- /.container-fluid -->
</nav>

<div data-am-widget="gotop" class="am-gotop am-gotop-fixed am-no-layout" style="margin-bottom: 50px;">
    <a href="#top" title="">
        <img class="am-gotop-icon-custom" src="${pageContext.request.contextPath}/static/img/goTop.png">
    </a>
</div>

<div id="main"> 
	<div data-am-widget="slider"
			class="am-slider am-slider-a1 am-no-layout"
			data-am-slider="{&quot;directionNav&quot;:false}">

			<div class="am-viewport"
				style="overflow: hidden; position: relative;">
				<ul class="am-slides"
					style="width: 100%; transition-duration: 0s; transform: translate3d(-1920px, 0px, 0px);">
					<li class="clone" aria-hidden="true"
						style="width: 640px; float: left; display: block;"><img
						src="${pageContext.request.contextPath}/static/img/img1.jpg" draggable="false">
						<div class="pet_slider_font">
							<span class="pet_slider_emoji"> (｡・`ω´･) </span> <span>防盗门窗</span>
						</div>
						<div class="pet_slider_shadow"></div></li>
					<li style="width: 640px; float: left; display: block;" class="">
						<img src="${pageContext.request.contextPath}/static/img/img2.jpg" draggable="false" >
						<div class="pet_slider_font">
							<span class="pet_slider_emoji"> (╭￣3￣)╭♡ </span> <span>铁艺</span>
						</div>
						<div class="pet_slider_shadow"></div>
					</li>
					<li class="" style="width: 640px; float: left; display: block;">
						<img src="${pageContext.request.contextPath}/static/img/img3.jpg" draggable="false">
						<div class="pet_slider_font">
							<span class="pet_slider_emoji"> []~(￣▽￣)~* </span> <span>铁艺扶手平台</span>
						</div>
						<div class="pet_slider_shadow"></div>
					</li>
					<%-- <li style="width: 640px; float: left; display: block;"
						class="am-active-slide"><img src="${pageContext.request.contextPath}/static/img/img4.jpg"
						draggable="false">
						<div class="pet_slider_font">
							<span class="pet_slider_emoji"> (｡・`ω´･) </span> <span>铁艺门花隔断</span>
						</div>
						<div class="pet_slider_shadow"></div></li> --%>
					<li style="width: 640px; float: left; display: block;"
						class="clone" aria-hidden="true"><img
						src="${pageContext.request.contextPath}/static/img/img5.jpg" draggable="false">
						<div class="pet_slider_font">
							<span class="pet_slider_emoji"> (╭￣3￣)╭♡ </span> <span>铁艺围栏</span>
						</div>
						<div class="pet_slider_shadow"></div></li>
					<li style="width: 640px; float: left; display: block;"
						class="clone" aria-hidden="true"><img
						src="${pageContext.request.contextPath}/static/img/img6.jpg" draggable="false">
						<div class="pet_slider_font">
							<span class="pet_slider_emoji"> (╭￣3￣)╭♡ </span> <span>铁艺小门</span>
						</div>
						<div class="pet_slider_shadow"></div></li>
				</ul>
			</div>
			
		</div>



	<div id="tel">联系方式:15775722326</div>
	<div class="img"><img src="${pageContext.request.contextPath}/static/images/img/img2.jpg"></div>
	<div class="img"><img src="${pageContext.request.contextPath}/static/images/img/img1.jpg"></div>
	<div class="img"><img src="${pageContext.request.contextPath}/static/images/img/img3.jpg"></div>
</div>
</body></html>